<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title><{$title}></title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="__ADMIN__/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="__ADMIN__/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="__ADMIN__/css/ace.min.css"/>
    <script src="__ADMIN__/js/ace-extra.min.js"></script>

    <!--[if IE 7]>
        <link rel="stylesheet" href="__ADMIN__/css/font-awesome-ie7.min.css" />
    <![endif]-->
    <!--[if lte IE 8]>
        <link rel="stylesheet" href="__ADMIN__/css/ace-ie.min.css" />
    <![endif]-->
    <!--[if lt IE 9]>
        <script src="__ADMIN__/js/html5shiv.js"></script>
        <script src="__ADMIN__/js/respond.min.js"></script>
    <![endif]-->
    
</head>

<body style="overflow-y: hidden;">
<div class="navbar navbar-default" id="navbar">
    <script type="text/javascript">
        try<{ace.settings.check('navbar' , 'fixed')}>catch(e)<{}>
    </script>
    <div class="navbar-container" id="navbar-container">
        <div class="navbar-header pull-left">
            <a href="#" class="navbar-brand">
                <small>
                    <i class="icon-leaf"></i>
                    后台管理
                </small>
            </a>
        </div>
        <div class="navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <li role="presentation" class="dropdown light-blue" style="width:150px;">
                    <a id="drop4" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <img class="nav-user-photo" src="/public<{:session('head_img')}>" alt="Jason's Photo" />
                        <span class="user-info">
                        <small>您好</small>
                        <{:session('loginName')}>
                        </span>
                        <i class="icon-caret-down"></i>
                    </a>
                    <ul id="menu1" class="dropdown-menu" aria-labelledby="drop4" >
                        <li>
                        <a href="<{:url('admin/password')}>" target="right_content">
                        <i class="fa fa-expeditedssl icon-test"></i>
                        修改密码
                        </a>
                        </li>
 <!--                        <li>
                        <a href="<{:url('admin/head_img')}>" target="right_content">
                        <i class="fa fa-user icon-test"></i>
                        修改头像
                        </a>
                        </li> -->
                        <li>
                        <a href="<{:url('sign/logout')}>">
                        <i class="icon-off"></i>
                        退出
                        </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="main-container" id="main-container">
    <script type="text/javascript">
        try<{ace.settings.check('main-container' , 'fixed')}>catch(e)<{}>
    </script>

    <div class="main-container-inner">
        <a class="menu-toggler" id="menu-toggler" href="#"><span class="menu-text"></span></a>
    
        <div class="sidebar" id="sidebar" style="overflow-y:auto;">
            <script type="text/javascript">
                try<{ace.settings.check('sidebar' , 'fixed')}>catch(e)<{}>
            </script>
            <div class="sidebar-shortcuts" id="sidebar-shortcuts">
                
            </div><!-- #sidebar-shortcuts -->
            <ul class="nav nav-list">
                <{volist name="data" id="item"}>
                    <li class="b-has-child">
                        <a href="#" class="dropdown-toggle b-nav-parent">
                            <i class="fa fa-<{$item.ico}> icon-test"></i>
                            <span class="menu-text"> <{$item.name}> </span>
                            <b class="arrow icon-angle-down"></b>
                        </a>
                        <ul class="submenu">
                            <{volist name="item._data" id="c"}>
                                <{if condition="$c.pid eq $item.id"}>
                                    <li class="b-nav-li">
                                        <a href="<{:url($c.mca)}>" target="right_content">
                                            <i class="icon-double-angle-right"></i>
                                            <{$c.name}>
                                        </a>
                                    </li>
                                <{/if}>
                            <{/volist}>
                        </ul>
                    </li>
                <{/volist}>
            </ul>
            <div class="sidebar-collapse" id="sidebar-collapse">
                <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
            </div>

            <script type="text/javascript">
                try<{ace.settings.check('sidebar' , 'collapsed')}>catch(e)<{}>
            </script>
        </div>
        <div class="main-content">
            <div class="page-content">
                <iframe id="content-iframe" src="<{:url('welcome')}>" frameborder="0" width="100%" height="100%" name="right_content" scrolling="auto" frameborder="0" scrolling="no"></iframe>
            </div><!-- /.page-content -->
        </div><!-- /.main-content -->
    </div><!-- /.main-container-inner -->
</div>

</body>


<script src="__ADMIN__/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    window.jQuery || document.write("<script src='__ADMIN__/js/jquery-2.0.3.min.js'>"+"<"+"script>");
    if("ontouchend" in document) document.write("<script src='__ADMIN__/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
</script>
<script src="__ADMIN__/js/jquery.sparkline.min.js"></script>
<script src="__ADMIN__/js/ace-elements.min.js"></script>
<script src="__ADMIN__/js/ace.min.js"></script>

<!-- [if lte IE 8]
  <script src="__ADMIN__/js/excanvas.min.js"></script>
[endif] -->
<script type="text/javascript">
$(function(){
    // 导航点击事件
    $('.b-nav-li').click(function(event) {
        $('.active').removeClass('active');
        var ulObj=$(this).parents('.b-has-child').eq(0);
        $(this).addClass('active');
        if(ulObj.length!=0){
            $(this).parents('.b-has-child').eq(0).addClass('active');
        }
    });
    // 动态调整iframe的高度以适应不同高度的显示器
    $('.page-content,.main-content').height($(window).height());
    $('.page-content').css('padding-bottom',50);

    $('.logout').click(function(){
        $('.user-menu').css('display','block');
    });
})
window.onload = function(){
    document.getElementById('sidebar').style.height = (document.body.clientHeight - 100)+'px';
}
</script>
</html>